<template>
    <div>
        <div class="overlay nav-btm">
			<div class="overlay-content scrolling">
                <div class="ad"><img src="../../assets/recreation/banner.jpg" alt=""></div>
                
                <div style="overflow: hidden; padding:10px;">
                    <div class="title">
                        <span>我的娱乐宝</span>
                    </div>
                    <van-row type="flex" justify="center" gutter="10" style="padding-bottom:20px;">
                        <van-col span="12" ><img @click="$router.push({path: '/Snatch'})" style="width:100%" src="../../assets/recreation/a2.png" alt=""></van-col>
                        <van-col span="12" ><img @click="$router.push({path: '/Auction'})" style="width:100%" src="../../assets/recreation/a1.png" alt=""></van-col>
                    </van-row>

                    <div class="title">
                        <span>更多内容</span>
                    </div>
                    <van-row type="flex" justify="center">
                        <van-col span="24"><img style="width:100%" src="../../assets/recreation/a3.png" alt=""></van-col>
                    </van-row>
                </div>
                
			</div>
		</div>

        

    </div>
</template>

<script>

export default {
    
}
</script>


<style lang="less" scoped>
.ad{
    img{
        width: 100%;
    }
}
.title{
    padding:10px 0;
    span{
        border-left: 3px solid #1fa078;
        padding-left: 10px;
    }
}
</style>

